<template>
    <ul id="control">
        <li  class="animated infinite pulse delay-2s" v-if="openShare" @click="$emit('showFriend')">
            <div>
                <svg class="iconfont" aria-hidden="true">
                    <use xlink:href="#icon-yaoqinghaoyou"></use>
                </svg>
            </div>
            <p>好友</p>
        </li>
        <li v-if="shopModel">
            <router-link class="a" :to="'/activity/get_coupon/'+activityId">
                <div>
                    <svg class="iconfont" aria-hidden="true">
                        <use xlink:href="#icon-quan"></use>
                    </svg>
                </div>
                <p>领券</p>
            </router-link>
        </li>
        <li @click="$emit('activityLocation')">
            <div>
                <svg class="iconfont" aria-hidden="true">
                    <use xlink:href="#icon-huodong"></use>
                </svg>
            </div>
            <p>活动</p>
        </li>
        <li @click="$emit('userLocation')">
            <div>
                <svg class="iconfont" aria-hidden="true">
                    <use xlink:href="#icon-dingwei1"></use>
                </svg>
            </div>
            <p>定位</p>
        </li>
    </ul>
</template>

<script>
export default{
    name:"control",
    props:{
        activityId:String,
        openShare:Number,
        shopModel:Number
    }
};
</script>

<style src="./control.less" lang="less" scoped></style>
